<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../../lib/style.css">
<script type="text/javascript" src="../../lib/window.js"></script>
<title>窗口定位</title>
</head>
<style>
body{ font-size:14px; line-height:150%; font-family:Garamonds,Tahoma; }
</style>
<body>


<div style="text-indent:2em">
    在一个<a target="_blank" href="窗口创建.html" style="color:#333">窗口被创建</a>时，系统会自动设置窗口的位置为当前可见区域的左上角！
    但很多时候这个位置并不是我们所希望的！不同通过使用下面的方法来改变一个窗口的位置......
</div>

<br />

<div style="text-indent:2em">
    窗口类 - 成员函数：<a href="javascript:void(0)" onclick="window.location.hash='lfm-wndcls-moved'" style="color:#008ECD;font-weight:bold;">moved(...)</a>
</div>

<br />

<b>1. 窗口定位 - 全居中</b><br />
<div style="margin-left:1.2em;">
    <div class="viewcode-body">
        <script>document.write('&l'+'t;')</script>script type="application/javascript"<script>document.write('&g'+'t;')</script><br />
            <div style="margin-left:2em;">
                var wnd = new Wnd( 'wnd-unique-id', null, {'width':400} ); <br /><br />

                wnd.create();<br />
                wnd.buttonAddDefault();<br />
                <br />
                wnd.show();<br />
                wnd.moved();
            </div>
        <script>document.write('&l'+'t;')</script>/script<script>document.write('&g'+'t;')</script>
        <span style="color:#008ECD">
            [<a href="javascript:void(0)" style="color:#008ECD" onclick="var wnd=new Wnd('wnd-unique-id1',null,{'width':400});wnd.create();wnd.buttonAddDefault();wnd.show();wnd.moved();">演示</a>]
        </span>
    </div>
    <div>
        通过以上的代码，可以创建出一个水平和垂直都居中的<a target="_blank" href="窗口创建.html" style="color:#333">固定宽度的窗口</a>！
        [ <a href="javascript:void(0)" onclick="window.location.hash='lfm-wndcls-moved'" style="color:#008ECD">API：窗口类-窗口定位</a> ]
    </div>
</div>

<br />

<b>2. 窗口定位 - 水平居中</b><br />
<div style="margin-left:1.2em;">
    <div class="viewcode-body">
        <script>document.write('&l'+'t;')</script>script type="application/javascript"<script>document.write('&g'+'t;')</script><br />
            <div style="margin-left:2em;">
                var wnd = new Wnd( 'wnd-unique-id', null, {'width':400} ); <br /><br />

                wnd.create();<br />
                wnd.buttonAddDefault();<br />
                <br />
                wnd.show();<br />
                wnd.moved(10,null);
            </div>
        <script>document.write('&l'+'t;')</script>/script<script>document.write('&g'+'t;')</script>
        <span style="color:#008ECD">
            [<a href="javascript:void(0)" style="color:#008ECD" onclick="var wnd=new Wnd('wnd-unique-id2',null,{'width':400});wnd.create();wnd.buttonAddDefault();wnd.show();wnd.moved(10,null);">演示</a>]
        </span>
    </div>
    <div>
        通过以上的代码，可以创建出一个距顶部10像素并水平居中的<a target="_blank" href="窗口创建.html" style="color:#333">固定宽度的窗口</a>！ 
        [ <a href="javascript:void(0)" onclick="window.location.hash='lfm-wndcls-moved'" style="color:#008ECD">API：窗口类-窗口定位</a> ]
    </div>
</div>

<br />

<b>3. 窗口定位 - 垂直居中</b><br />
<div style="margin-left:1.2em;">
    <div class="viewcode-body">
        <script>document.write('&l'+'t;')</script>script type="application/javascript"<script>document.write('&g'+'t;')</script><br />
            <div style="margin-left:2em;">
                var wnd = new Wnd( 'wnd-unique-id', null, {'width':400} ); <br /><br />

                wnd.create();<br />
                wnd.buttonAddDefault();<br />
                <br />
                wnd.show();<br />
                wnd.moved(null,10);
            </div>
        <script>document.write('&l'+'t;')</script>/script<script>document.write('&g'+'t;')</script>
        <span style="color:#008ECD">
            [<a href="javascript:void(0)" style="color:#008ECD" onclick="var wnd=new Wnd('wnd-unique-id3',null,{'width':400});wnd.create();wnd.buttonAddDefault();wnd.show();wnd.moved(null,10);">演示</a>]
        </span>
    </div>
    <div>
        通过以上的代码，可以创建出一个水平居中并距左边100像素的<a target="_blank" href="窗口创建.html" style="color:#333">固定宽度的窗口</a>！ 
        [ <a href="javascript:void(0)" onclick="window.location.hash='lfm-wndcls-moved'" style="color:#008ECD">API：窗口类-窗口定位</a> ]
    </div>
</div>

<br />

<b>4. 窗口定位 - 延迟居中(高级)</b><br />
<div style="margin-left:1.2em;">
    <span style="color:#090">// 待续</span>
</div>

<br />

<b>X. 附录</b><br />
<div style="margin-left:1.2em;">
    <a href="javascript:void(0)" onclick="var o=document.getElementById('lfm-wndcls-moved');o.style.display=o.style.display=='none'?'':'none'" style="color:#008ECD;">1. API：窗口类-窗口定位</a>
    <table style="margin-left:1.2em;padding:5px 0;font-size:12px;" id="lfm-wndcls-moved">
    <tr>
        <th colspan="4" align="left">Wnd.prototype.moved( top, left );</th>
    </tr>
    <tr style="background:#eee;">
        <td align="center" width="60">@params</td>
        <td align="center" width="30">int</td>
        <td width="30">top</td>
        <td>Top位置  - 非数字类型时垂直居中</td>
    </tr>
    <tr style="background:#eee;">
        <td align="center">@params</td>
        <td align="center">int</td>
        <td>left</td>
        <td>Left位置 - 非数字类型时水平居中</td>
    </tr>
    </table>
</div>


</body>
</html>
